<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../css/plugin/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../css/common.css">
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/common.js"></script>
    <link rel="stylesheet" href="login.css">
    <script src="login.js"></script>
    <title>个人笔记</title>
</head>

<body>
    <div class="container">
        <div class="registeredcontainer">
            <div class="registeredheader">
                <span>
                    <i class="fa fa-user-o"></i>登录
                </span>
                <div>
                    <a href="javascript:void(0)">
                        <span class="registered" id="registered">注册</span>
                    </a>
                </div>

            </div>
            <div class="registeredform">
                <div>
                    <label for="loginname">帐号：</label>
                    <input type="text" id="loginname">
                    <p class="waringinfo" id="loginnameinfo"></p>
                </div>
                <div>
                    <label for="password">登录密码：</label>
                    <input type="password" id="password">
                    <p class="waringinfo" id="passwordinfo"></p>
                </div>
                <div>
                    <a href="#">
                        <div id="submit">登录</div>
                        <p class="waringinfo" id="submitinfo"></p>
                    </a>
                </div>

            </div>
            <div class="registeredbottom">
                <div class="otherlogin">
                    <div class="logininfo">
                        <span class="leftline">——————</span>
                        <span>其他方式登录</span>
                        <span class="rightline">——————</span>
                    </div>
                    <div class="loginicon">
                        <a href="javascript:void(0)" title="使用微信登录">
                            <img src="/images/wx.png">
                        </a>
                        <a href="javascript:void(0)" title="使用QQ登录">
                                <img src="/images/qq.png">
                            </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>